<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>后代选择器</title>
		<style>
		.var a {
			color:gray;
			text-decoration: none;
		}
		.nb ul li {
			color:red;
			text-decoration: none;
		}
		</style>
	</head>
	<body>
		<div class="var">
			<a href="#">首页</a>
			<a href="#">推荐</a>
			<a href="#">最新</a>
			<a href="#">热榜</a>
			<a href="#">流行</a>
			<a href="#">娱乐</a>
		</div>
		<div>
			<a href="#">首页</a>
			<a href="#">推荐</a>
			<a href="#">最新</a>
			<a href="#">热榜</a>
			<a href="#">流行</a>
			<a href="#">娱乐</a>
		</div>
		<ul>
			<li>王思聪</li>
			<li>周杰伦</li>
			<li>王菲</li>
			<li>陈奕迅</li>
		</ul>
		<div class="nb">
		<ul>
			<li>农夫三拳有点券</li>
			<li>农夫三拳有点券券</li>
			<li>农夫三拳有点券</li>
			<li>农夫三拳有点券</li>
		</ul>
		</div>
	</body>
</html>
